<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<meta name="layout" content="main"/>
<title>Ikastola</title>
<g:javascript library="jquery" plugin="jquery"/>
<link rel="stylesheet" type="text/css" href="${resource(dir: 'css', file: 'style_dash.css')}" />
<link rel="stylesheet" type="text/css" href="${resource(dir: 'css', file: 'navi.css')}" />
</head>
<body>
  <g:javascript src="highcharts_init.js"/>
  <g:javascript src="highcharts.js"/>
  <script type="text/javascript">
	$(function(){
		$(".box .h_title").not(this).next("ul").hide("normal");
		$(".box .h_title").not(this).next("#home").show("normal");
		$(".box").children(".h_title").click( function() { $(this).next("ul").slideToggle(); });
	});
</script>
  
  <div class="body">
			<div id="header">
			<%--<div id="top">
					<div class="left">
						<sec:ifLoggedIn>
							<g:message code="login.user.message" /><strong>&nbsp;<sec:username/></strong> [ <g:link controller="logout"><g:message code="logout.message"/></g:link> ]
						</sec:ifLoggedIn>
					</div>
					<div class="right">
						<div class="align-right">
							<p>Last login: <strong>23-04-2012 23:12</strong></p>
						</div>
					</div> 
				</div> --%>
				<div id="nav">
					<ul>
						<li class="upp"><div class="hmenu"><g:message code="menu.school.message" /></div>
							<ul>
								<li>&#8250; <g:link controller="course"><g:message code="menu.courses.label"/></g:link></li>
								<li>&#8250; <g:link controller="discount"><g:message code="menu.discounts.label"/></g:link></li>
								<li>&#8250; <g:link controller="fee"><g:message code="menu.fees.label"/></g:link></li>
<%--								<li>&#8250; <a href="">Add new page</a></li>--%>
<%--								<li>&#8250; <a href="">Site config</a></li>--%>
							</ul>
						</li>
						<li class="upp"><div class="hmenu"><g:message code="menu.finance.message" /></div>
							<ul>
<%--								<li>&#8250; <g:link controller="service" action="charge"><g:message code="menu.payments.label" /></g:link></li>--%>
								<li>&#8250; <g:link controller="feeInter"><g:message code="menu.feeinter.label" /></g:link></li>
								<li>&#8250; <g:link controller="dateDiscount"><g:message code="menu.feediscount.label" /></g:link></li>
								<li>&#8250; <g:link controller="receipt"><g:message code="menu.receipts.label"/></g:link></li>
								<li>&#8250; <g:link controller="paymentCheck"><g:message code="menu.checks.label" default="Cheques"/></g:link></li>
								<li>&#8250; <g:link controller="balanceFees" action="index"><g:message code="menu.reportspay.label" default="Reporte Pagos"/></g:link></li>
							</ul>
						</li>
						<li class="upp"><div class="hmenu"><g:message code="menu.students.message" /></div>
							<ul>
								<li>&#8250; <g:link controller="student" action="list"><g:message code="default.list.label" args=" "/>Alumnos</g:link></li>
								<li>&#8250; <g:link controller="student" action="listc"><g:message code="default.list.label" args=" "/>por curso</g:link></li>
								<li>&#8250; <g:link controller="student" action="create"><g:message code="default.add.label" args=" "/>Alumno</g:link></li>
								<li>&#8250; <g:link controller="guardian" action="list"><g:message code="default.list.label" args=" " />Tutores</g:link></li>
								<li>&#8250; <g:link controller="guardian" action="create"><g:message code="default.add.label" args=" "/>${message(code:"guardian.label")}</g:link></li>
							</ul>
						</li>
						<%-- <li class="upp"><a href="#">Settings</a>
							<ul>
								<li>&#8250; <a href="">Site configuration</a></li>
								<li>&#8250; <a href="">Contact Form</a></li>
							</ul>
						</li> --%>
					</ul>
				</div>
			</div>
			<div class="wrap">			
			<div id="content">
			  
				<div id="sidebar">
					<div class="box">
						<div class="h_title">&#8250; <g:message code="menu.school.message" /></div>
						<ul id="home">
							<li class="b1"><a class="icon category" href="course/list"><g:message code="menu.courses.label"/></a></li>
<%--							<a class="icon view_page" href=""> <a class="icon config" href="">--%>
							<li class="b1"><a class="icon page" href="discount/list"><g:message code="menu.discounts.label"/></a></li>
							<li class="b2"><a class="icon page" href="fee/list"><g:message code="menu.fees.label"/></a></li>
						</ul>
					</div>
					
					<div class="box">
						<div class="h_title">&#8250; <g:message code="menu.finance.message" /></div>
						<ul>
							<li class="b1"><a class="icon page" href="feeInter/list"><g:message code="menu.feeinter.label" /></a></li>
							<li class="b2"><a class="icon page" href="dateDiscount/list"><g:message code="menu.feediscount.label" /></a></li>
							<li class="b1"><a class="icon report" href="receipt/list"><g:message code="menu.receipts.label"/></a></li>
							<li class="b2"><a class="icon page" href="paymentCheck/list"><g:message code="menu.checks.label" default="Cheques"/></a></li>
							<li class="b2"><a class="icon report" href="balanceFees/index"><g:message code="menu.reports.label" default="Reportes"/></a></li>
						</ul>
					</div>
					<div class="box">
						<div class="h_title">&#8250; <g:message code="menu.students.message" /></div>
						<ul>
							<li class="b1"><a class="icon users" href="student/list"><g:message code="default.list.label" args=" "/>Alumnos</a></li>
							<li class="b1"><a class="icon users" href="student/listc"><g:message code="default.list.label" args=" "/>por curso</a></li>
							<li class="b2"><a class="icon add_user" href="student/create"><g:message code="default.add.label" args=" "/>Alumnos</a></li>
							<!--  <li class="b1"><a class="icon block_users" href="/student/delete">Lock users</a></li> -->
							<li class="b1"><a class="icon users" href="guardian/list"><g:message code="default.list.label" args=" " />${message(code:"guardian.label")}</a></li>
							<li class="b2"><a class="icon add_user" href="guardian/create"><g:message code="default.add.label" args=" "/>${message(code:"guardian.label")}</a></li>
						</ul>
					</div>
<%--					<div class="box">--%>
<%--						<div class="h_title">&#8250; Settings</div>--%>
<%--						<ul>--%>
<%--							<li class="b1"><a class="icon config" href="">Site configuration</a></li>--%>
<%--							<li class="b2"><a class="icon contact" href="">Contact Form</a></li>--%>
<%--						</ul>--%>
<%--					</div>--%>
				</div>

				<div id="main">
					<div class="full_w">
						<div class="h_title"><g:message code="menu.students.message" /></div>
						<h2>Listado de Alumnos</h2> <g:if test="${flash.message}"><div class="message" role="status">${flash.message}</div></g:if>
						<%-- <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumyeirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diamvolupt</p> --%>
						<g:formRemote name="search" update="studentList" url="[action:'search',controller:'dashboard']">
							<g:message code="default.search.label"/>:
							<input type="text" name="query" /> <input type="submit" />
						</g:formRemote>
						<div class="entry">
							<div class="sep"></div>
						</div>
						<div id="studentList">
							<g:render template="studentTable"></g:render>	
						</div>
					</div>
					
					<div class="clear"></div>
					
<%--					<div class="half_w half_left">--%>
<%--						<div class="h_title">Visits statistics</div>--%>
<%--							<script src="js/highcharts_init.js"></script>--%>
<%--							<div id="container" style="min-width: 300px; height: 180px; margin: 0 auto"></div>--%>
<%--							<script src="js/highcharts.js"></script>--%>
<%--					</div>--%>
<%--					<div class="half_w half_right">--%>
<%--						<div class="h_title">Site statistics</div>--%>
<%--						<div class="stats">--%>
<%--							<div class="today">--%>
<%--								<h3>Today</h3>--%>
<%--								<p class="count">2 349</p>--%>
<%--								<p class="type">Visits</p>--%>
<%--								<p class="count">96</p>--%>
<%--								<p class="type">Comments</p>--%>
<%--								<p class="count">9</p>--%>
<%--								<p class="type">Articles</p>--%>
<%--							</div>--%>
<%--							<div class="week">--%>
<%--								<h3>Last week</h3>--%>
<%--								<p class="count">12 931</p>--%>
<%--								<p class="type">Visits</p>--%>
<%--								<p class="count">521</p>--%>
<%--								<p class="type">Comments</p>--%>
<%--								<p class="count">38</p>--%>
<%--								<p class="type">Articles</p>--%>
<%--							</div>--%>
<%--						</div>--%>
<%--					</div>--%>
					
					<%-- <div class="full_w">
						<div class="h_title">Paragraph, headers, lists, notify</div>
						<h1>Level 1 header</h1>
						<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumyeirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diamvoluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takim</p>
						<h2>Level 2 header</h2>
						<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumyeirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diamvoluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumyeirmod tempor i</p>
						<h3>Level 3 header</h3>
						<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumyeirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diamvolupt</p>
						<h3>Unordered list</h3>
						<ul>
							<li>first list item, Lorem ipsum dolor sit amet, consete</li>
							<li>second list item, Lorem ipsum dolor sit amet, consete</li>
							<li>third list item, Lorem ipsum dolor sit amet, consete</li>
							<li>fourth list item, Lorem ipsum dolor sit amet, consete</li>
						</ul>
						<h3>Ordered list</h3>
						<ol>
							<li>first list item, Lorem ipsum dolor sit amet, consete</li>
							<li>second list item, Lorem ipsum dolor sit amet, consete</li>
							<li>third list item, Lorem ipsum dolor sit amet, consete</li>
							<li>fourth list item, Lorem ipsum dolor sit amet, consete</li>
						</ol>
		                <div class="n_warning"><p>Attention notification. Lorem ipsum dolor sit amet, consetetur, sed diam nonumyeirmod tempor.</p></div>
						<div class="n_ok"><p>Success notification. Lorem ipsum dolor sit amet, consetetur, sed diam nonumyeirmod tempor.</p></div>
						<div class="n_error"><p>Error notification. Lorem ipsum dolor sit amet, consetetur, sed diam nonumyeirmod tempor.</p></div>		
					</div> --%>
					
					<%-- <div class="full_w">
						<div class="h_title">Add new page - form elements</div>
						<form action="" method="post">
							<div class="element">
								<label for="name">Page title <span class="red">(required)</span></label>
								<input id="name" name="name" class="text err" />
							</div>
							<div class="element">
								<label for="category">Category <span class="red">(required)</span></label>
								<select name="category" class="err">
									<option value="0">-- select category</option>
									<option value="1">Category 1</option>
									<option value="2">Category 4</option>
									<option value="3">Category 3</option>
								</select>
							</div>
							<div class="element">
								<label for="comments">Comments</label>
								<input type="radio" name="comments" value="on" checked="checked" /> Enabled <input type="radio" name="comments" value="off" /> Disabled
							</div>
							<div class="element">
								<label for="attach">Attachments</label>
								<input type="file" name="attach" />
							</div>
							<div class="element">
								<label for="content">Page content <span>(required)</span></label>
								<textarea name="content" class="textarea" rows="10"></textarea>
							</div>
							<div class="entry">
								<button type="submit">Preview</button> <button type="submit" class="add">Save page</button> <button class="cancel">Cancel</button>
							</div>
						</form>
					</div> --%>
					
				</div>
				<div class="clear"></div>
			</div>
		
			<%-- <div id="footer">
				<div class="left">
					<p>Design: <a href="http://kilab.pl">Paweł Balicki</a> | Admin Panel: <a href="">YourSite.com</a></p>
				</div>
				<div class="right">
					<p><a href="">Example link 1</a> | <a href="">Example link 2</a></p>
				</div>
			</div> --%>
		</div>
  </div>
</body>
</html>